<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>注册页</title>
    <link rel="stylesheet" href="../css/Registration page.css" />
  </head>
  <body>
    <div class="warp">
      <!-- 头部 -->
      <header>
        <!-- 头部img盒子 -->
        <div class="top_img">
          <img src="../img/index.img/矩形 8.png" alt="" />
        </div>
        <!-- 头部导航栏 -->
        <div class="nav">
          <div class="nav_logo">
            <img src="../img/index.img/logo.png" alt="" />
          </div>
          <ul>
            <li class="active"><a href="../html/index.html">首页</a></li>
            <li><a href="../html/list page.html">关于热搜</a></li>
            <li><a href="../html/Detail page.html">鼎搜服务</a></li>
            <li><a href="../html/Landing page.html">鼎搜动态</a></li>
            <li><a href="../html/Registration page.html">鼎搜诚聘</a></li>
            <li><a href=""></a>热搜公益</li>
          </ul>
          <div class="ipt">
            <input type="text" />
            <i class="iconfont icon-fangdajing1"></i>
          </div>
        </div>
        <!-- 轮播图部分 -->
        <div class="big_banner">
          <ul class="banner_top">
            <li class="banner_one">
              <img src="../img/index.img/banner.png" alt="" />
            </li>
            <li class="banner_one">
              <img src="../img/index.img/背景图.png" alt="" />
            </li>
            <li class="banner_one">
              <img src="../img/index.img/背景图.png" alt="" />
            </li>
            <li class="banner_one">
              <img src="../img/index.img/背景图.png" alt="" />
            </li>
            <li class="banner_one">
              <img src="../img/index.img/背景图.png" alt="" />
            </li>
          </ul>
        </div>
      </header>
      <main>
        <div class="transfer">
          <p>我要转让</p>
          <p>WO YAO ZHUANRANG</p>
        </div>
        <div class="div_box">
          (带*号的表示为必填项目，用户名必须大于3位小于20位，密码必须大于3位)
        </div>
        <form>
          <table border="1px">
            <tbody>
              <tr>
                <td>用户名称:</td>
                <td>
                  <input type="text" placeholder="请输入昵称" /><span> * </span>
                  <b>(可以使用中文，但禁止除[@][.]以外的特殊符号)</b>

                  <br />
                </td>
              </tr>
              <tr>
                <td>公司名称:</td>
                <td>
                  <input type="text" placeholder="请输入登录名" /> <span>*</span
                  ><br />
                </td>
              </tr>
              <tr>
                <td>登陆密码:</td>
                <td>
                  <input type="password" />
                  <span>*</span>
                </td>
              </tr>
              <tr>
                <td>确认密码:</td>
                <td>
                  <input type="password" /> <span>* 两次输入的密码不一致</span>
                </td>
              </tr>
              <tr>
                <td>电子邮箱:</td>
                <td>
                  <input type="text" />
                  <span>*</span><b>(每个电子邮箱只能注册一个账号)</b>
                </td>
              </tr>

              <tr>
                  <td>安全问题：</td>
              <td><select name="" id="" aria-placeholder="没安全提示">
                <option value="">没安全提示问题</option>
                <option value="">是否感受到</option>
              </select> <b>(忘记密码时重设密码用)</b></td>
                  <br />
              </tr>
              <tr>
                <td>问题答案:</td>
                <td><input type="text" /><br /></td>
              </tr>

              <tr>
                <td>   性  别 : </td>
                <td>
                  <!-- <label></label>也可以用这个属性包裹 -->
                  <input type="radio" value="female" name="sex" />男
                  <input type="radio" value="female" name="sex" />女
                  <input type="radio" value="male" name="sex" checked />保密
                </td>
              </tr>
              <tr>
                <td>验证码：</td>
                <td><input type="text" /></td>
                <td> <img src="../img/Login-img/1.png" alt="" /></td>
                <td><span>看不清？</span> <button>点击更换</button></td>
              </tr>
              <tr>
                <td>会员注册协议:</td>
                <td>
                  <textarea name="" id="" cols="30" rows="5">1、在本站注册的会员，必须遵守《互联网电子公告服务管理规定》，不得在本站发表诽谤他人，侵犯他人隐私，侵犯他人知识产权，传播病毒，政治言论，商业讯息等信息</textarea>
                  <br />
                </td>
              </tr>
            </tbody>
          </table>
        </form>
        <div class="checke">
          <input type="checkbox" name="love" checked="checked">我已经阅读并完全接受服务协议
         <div class="btn"> <button>注册</button></div>
        </div>
      </main>
      <!-- 底部 -->
      <footer>
        <!-- 装饰线 -->
        <hr />
        <!-- 列表 -->
        <div class="footer">
          <ul>
            <li>简介</li>
            <li>鼎搜网简介</li>
            <li>鼎搜服务</li>
            <li>会员身份认证</li>
          </ul>
          <ul>
            <li>帮助</li>
            <li>用户注册</li>
            <li>关于鼎搜</li>
            <li>在线咨询</li>
          </ul>
          <ul>
            <li>共赢</li>
            <li>网站合作</li>
            <li>用户协议</li>
            <li>会员身份认证</li>
          </ul>
          <ul>
            <li>导航</li>
            <li>地图首页</li>
            <li>职能分类</li>
            <li>企业名录</li>
          </ul>
          <div class="connect">
            <img src="../img/index.img/connect.png" alt="" />
          </div>
        </div>

        <!-- 底部蓝色 -->
        <div class="border-bottom">
          Copyright ©2015 鼎搜网(www.dinsoo.com) 版权所有
        </div>
      </footer>
    </div>

    <script src="../whole js/list.js"></script>
  </body>
</html>
